<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东</title>
		<style>
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}

			.m1 {
				width: 990px;
			}

			.m1 img {
				float: left;
				margin-left: 70px
			}

			.m1 p {
				margin-top: 15px;
			}

			.m1 p a {
				font-size: 22px;
				margin-left: 20px;
			}

			.clear:after {
				clear: both;
				display: block;
				content: '';
			}

			.m2 {
				background-image: url(banner.png);
				width: 990px;
				height: 360px;
				background-repeat: no-repeat;
				padding-top: 130px;
			}

			/ 	.m3 {
				background-color: aqua;
				width: 300px;
				height: 200px;
			} */
			.www:after {
				clear: both;
				display: block;
				content: '';
			}

			.m4 {
				float: right;
				margin-top: 4px;
				margin-right: 20px;
			}

			.m5 {
				float: right;
				margin-top: 12px;
			}

			.m3 {
				margin-left: 600px;
				width: 300px;
				background-color: aqua;
				height: 200px;

			}

			.m6 {
				margin-left: 30px;
				margin-top: 10px;
			}

			.m6 img {
				vertical-align: middle;
				border: 1px solid black;
				border-right: 0;
			}

			.m6 input {
				border: 0;
				line-height: 38px;
				border: 1px solid black;
			}

			.m7 {
				margin-left: 20px;
				margin-top: 10px;

			}

			.m7 a {}

			.m7 input {
				width: 20px;
				vertical-align: middle;
			}

			.m8 input {
				text-align: center;
				width: 220px;
				margin-left: 30px;
			}

			.c1 {
				margin-left: 60px;

			}

			.c2 {
				margin-left: 200px;
				margin-top: 10px;
			}

			.c3 {
				margin-top: 2px;
				margin-left: 20px;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="m1 clear">
				<img src="logo.png">
				<p><a href="#">欢迎登录</a></p>
			</div>
			<div class="m2">
				<div class="m3 www">
					<p class="m4">
						<img src="icon5.jpg" />
						<a herf="#">立即注册</a>
					</p>
					<p class="c3">
						京东会员
					</p>
					<form method="get">
						<p class="m6">
							<img src="icon1.jpg" /><input tybe="text" name="zhanghao" placeholder="邮箱/用户名/已验证手机" />
						</p>
						<p class="m6">
							<img src="icon2.jpg" /><input type="password" name="mima" value="自动登录 忘记密码?" />
						</p>
						<p class="m5">
							忘记密码？
						</p>
						<p class="m7"><input type="checkbox" name="" value="" style="zoom: 200%" />
							<a href="#">自动登录</a>
						</p>
						<p class="m8">
							<input type="submit" name="" value="登录" />
						</p>
					</form>
				</div>
			</div>
			<div class="c1">
				<p>
					<a href="#">关于我们 </a>
					<a href="#">| 联系我们</a>
					<a href="#">| 人才招聘</a>
					<a href="#">| 商家入驻</a>
					<a href="#">| 广告服务</a>
					<a href="#">| 手机京东</a>
					<a href="#">| 友情链接</a>
					<a href="#">| 销售联盟</a>
					<a href="#">| 京东社区</a>
					<a href="#">| 京东公益</a>
					<a href="#">| English Site</a>
				</p>
				<p class="c2">
					Copyright?2004-2017 京东JD.com 版权所有
				</p>
			</div>
		</div>
	</body>
</html>